 <template>
      <div>
        <!-- 表单开始 -->
        <a-form-model :model="form" label-col="{ span: 4 }" wrapper-col="{ span: 14 }" >
          
          <!-- 表单元素 -->
          <a-form-model-item label='a'>
            <a-input v-model="form.a">
            </a-input>
          </a-form-model-item>

          <!-- 表单元素 -->
          <a-form-model-item label='c'>
            <a-select v-model="form.c">
              <a-select-option value="选项一">
                选项一
              </a-select-option>
              <a-select-option value="选项二">
                选项二
              </a-select-option>
            </a-select>
          </a-form-model-item>

          <a-form-model-item :wrapper-col="{ span: 14, offset: 4 }" >
            <a-button @click="submit()">提交</a-button>
          </a-form-model-item>
        </a-form-model>
      </div>
    </template>
    
    <script>
      export default {
        
        data(){
          return {
            form:{
              a:'', // a
              c:'', // c

            }
          }
        },
        methods:{
          submit(){
            console.log('表单提交的数据为',this.form)
          }
        },
      
      }
    </script>
    
    <style>
      
    </style>